// 首页思路分析 

// 1.a标签点击高亮
document.querySelectorAll('.nav li li a').forEach(item => {
  // 点击事件
  item.addEventListener('click', function () {
    // 排他
    document.querySelector('a.active').classList.remove('active')
    this.classList.add('active')
  })
})
// 2.网页嵌套功能（a标签+iframe标签）
// 3.初始化数据
document.querySelector('.init').addEventListener('click', function () {
  // ajax发送get请求
  axios({
    method: 'get',
    url: '/init/data',
  }).then(res => {
    // 响应请求
    console.log(res)
    if (res.data.code == 0) {
      // 成功弹窗
      Toast.success(res.data.message)
    } else {
      Toast.info(res.data.message)
    }
  })
})
// 4.退出功能
document.querySelector('.logout').addEventListener('click', function () {
  // 清除本地token
  localStorage.removeItem('mytoken')
  // 跳转到首页
  location.href = './login.html'
})
// 5.搜索功能(做完整个项目,最后大家课后自行实现：根据学号搜索学员)
document.querySelector('.search button').addEventListener('click', function () {
  // 获取用户输入的学号
  const id = document.querySelector('.search input').value
  console.log(id)
})

